<template>
  <div class="help-center-container">
    <!-- 博客页 表格兼容手机端处理 -->
    <div class="wrapper-container help-container help-center">
      <div class="left-container">
        <div class="doc-side-new">
          <div class="toggle-button">
            <i class="fa fa-angle-left"></i>
            <div class="text"></div>
          </div>
          <div class="scroll-view">
            <ul class="collapse in">
              <li>
                <a class="active category-item post" data-lv="0" href="help.html">
                  帮助中心
                  <div class="close-button">收起目录</div>
                </a>
              </li>
              <li>
                <span class="category-item category" data-lv="0">
                  快速入门
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/91616.html">
                      草料二维码平台介绍
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/67827.html">
                      快速入门 如何用草料搭建系统
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/56436.html">
                      创建第一个活码
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/101022.html">
                      用批量模板制作一批活码
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48435.html">
                      二维码美化
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/72946.html">
                      功能词汇库
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/84223.html">
                      入门问题汇总
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/101794.html">
                      小程序工作台使用指南
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48671.html">
                      联系我们
                    </a>
                  </li>
                </ul>
              </li>
              <li>
                <span class="category-item category" data-lv="0">
                  内容展示
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/100495.html">
                      内容展示功能说明
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/52253.html">
                      活码编辑器
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48229.html">
                      编辑修改二维码
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      背景图功能
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/87428.html">
                          背景图功能
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/89411.html">
                          背景设置
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      跳转链接
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/49267.html">
                          跳转链接
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/61760.html">
                          如何配置跳转到其他小程序
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/59650.html">
                          活码链接中的网址如何直接跳转？
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a class="category-item post" href="help/100198.html">
                      地理位置
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/100206.html">
                      目录列表
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/100179.html">
                      联系方式
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  表单
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/67174.html">
                      表单功能
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/82116.html">
                      表单与二维码的关系
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  状态
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/92522.html">
                      状态功能
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/82877.html">
                      状态面板
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/62403.html">
                      状态列表
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  动态数据
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/68330.html">
                      动态数据
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      操作面板
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/73113.html">
                          操作面板功能
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/82931.html">
                          填写表单
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/82936.html">
                          更新状态
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/82939.html">
                          更新子码内容
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/82941.html">
                          跳转
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  分区
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/57525.html">
                      分区首页功能
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      分区管理
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/92904.html">
                          分区管理功能
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/94659.html">
                          跨分区移动或复制内容
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/95698.html">
                          企业划分分区指南
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/101971.html">
                          分区汇总数据管理
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  二维码与数据管理
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <span class="category-item category">
                      二维码管理
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/53115.html">
                          目录管理
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/68542.html">
                          目录汇总码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/64211.html">
                          分组管理
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      数据管理
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/74737.html">
                          数据管理
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/49068.html">
                          动态数据汇总
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  成员协作与权限
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/68920.html">
                      成员功能
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      成员类型与权限
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/79101.html">
                          普通成员
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/79099.html">
                          成员权限详细对比
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  计划功能
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/63847.html">
                      计划管理
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/63958.html">
                      计划创建教程
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  批量生码
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/70663.html">
                      批量生码与管理
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      批量活码
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/61519.html">
                          批量生成活码
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  二维码标签制作
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/51068.html">
                      二维码标签制作
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      标签设置
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/63251.html">
                          批量设置标签
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  标签印刷和落地指南
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/49343.html">
                      二维码标签印刷和落地指南
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      A4排版打印
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/68441.html">
                          A4排版打印指南
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/97676.html">
                          A4 普通纸打印教程
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/51275.html">
                          A4模切不干胶打印教程
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/91924.html">
                          A4纸打印+卡套教程
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/50608.html">
                          A4打印机与耗材推荐
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      标签打印机打印
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/51114.html">
                          标签打印机打印
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/51112.html">
                          标签打印机与耗材推荐
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a class="category-item post" href="help/54402.html">
                      二维码印刷服务
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  集成与连接
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/83183.html">
                      集成与连接概述
                    </a>
                  </li>
                  <li>
                    <span class="category-item category">
                      数据API
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/56845.html">
                          数据API功能
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/65847.html">
                          Webhook说明文档
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/62995.html">
                          官方数据库说明
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      第三方应用集成
                    </span>
                    <ul class="collapse">
                      <li>
                        <span class="category-item category">
                          集成企业微信
                        </span>
                        <ul class="collapse">
                          <li>
                            <a class="category-item post" href="help/70108.html">
                              企业微信版功能介绍
                            </a>
                          </li>
                          <li>
                            <a class="category-item post" href="help/69682.html">
                              企业微信版安装教程
                            </a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  账号管理
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/103234.html">
                      品牌设置
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/68811.html">
                      账号信息设置
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48185.html">
                      账号变更
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/52676.html">
                      账号注销说明
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/34557.html">
                      个人或企业 实名认证
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48194.html">
                      删码恢复工具
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  购买指南
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/83999.html">
                      购买指南汇总
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/95185.html">
                      草料如何定价
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  搭建教程
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/38744.html">
                      人员信息二维码制作教程
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/64740.html">
                      设备巡检系统搭建教程
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/100945.html">
                      如何用二维码完成会议活动报名
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/102400.html">
                      如何用二维码完成访客管理
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  内容安全与审核
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/48189.html">
                      草料二维码内容管理规范
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/48237.html">
                      二维码停止访问/账号被封 解封流程
                    </a>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  二维码工具与指南
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <span class="category-item category">
                      二维码知识
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/48235.html">
                          二维码知识
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/52072.html">
                          快速了解二维码和活码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/48187.html">
                          活码和静态码介绍
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/48181.html">
                          二维码永久有效吗
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      更多工具
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/48962.html">
                          解码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/48431.html">
                          名片码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/49762.html">
                          溯源二维码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/53255.html">
                          浏览器插件
                        </a>
                      </li>
                      <li>
                        <span class="category-item category">
                          小程序参数码
                        </span>
                        <ul class="collapse">
                          <li>
                            <a class="category-item post" href="help/60610.html">
                              小程序参数码
                            </a>
                          </li>
                          <li>
                            <a class="category-item post" href="help/53713.html">
                              小程序页面路径&参数获取
                            </a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <span class="category-item category">
                      生码指南
                    </span>
                    <ul class="collapse">
                      <li>
                        <a class="category-item post" href="help/53849.html">
                          草料无法生成APP下载类二维码
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/54278.html">
                          淘宝店铺或商品二维码美化指南
                        </a>
                      </li>
                      <li>
                        <a class="category-item post" href="help/68067.html">
                          草料不支持生成支付类二维码
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>

              <li>
                <span class="category-item category" data-lv="0">
                  常见问题(FAQ)
                  <div class="close-button">收起目录</div>
                </span>
                <ul class="collapse">
                  <li>
                    <a class="category-item post" href="help/96033.html">
                      常见问题汇总(FAQ)
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/95907.html">
                      网址码问题
                    </a>
                  </li>
                  <li>
                    <a class="category-item post" href="help/95934.html">
                      图片码问题
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <div class="right-container">
        <div class="doc-content" id="primary">
          <div class="nav-wrapper">
            <div class="top-container">
              <div class="menu-dropdown">
                <div class="dropdown-name" id="_menu-dropdown-name">
                  <i class="clifont anticon-more"></i>
                  帮助中心
                </div>
              </div>
              <div class="nav-dropdown">
                <div class="dropdown-name" id="_nav-dropdown-name">本篇内容</div>
                <div class="nav-content">
                  <a class="back" id="_nav-dropdown-back">返回顶部</a>
                  <div class="case-detail-side-nav case-detail-top-container">
                    <ul class="wikiOutlineTopContainer"></ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <main class="site-main wiki" id="main" role="main">
            <article class="post-68285 page type-page status-publish hentry" id="post-68285">
              <header class="entry-header">
                <h1 class="entry-title">帮助中心</h1>
              </header>
              <div class="entry-content">
                <p>草料二维码的帮助中心，可以解答你的常见问题并提供详细的操作指南，帮助你快速上手草料二维码，进行二维码的落地使用。</p>
                <div class="help-features">
                  <h2>主要功能</h2>
                  <ul>
                    <li><strong>活码管理</strong>：创建和管理可动态更新内容的二维码</li>
                    <li><strong>表单功能</strong>：收集数据和反馈信息</li>
                    <li><strong>批量生码</strong>：快速生成大量二维码</li>
                    <li><strong>数据统计</strong>：实时查看数据和统计信息</li>
                  </ul>
                </div>
              </div>
            </article>
          </main>

          <div class="pager"></div>
        </div>

        <div class="homepageContainer">
          <div class="homepage">
            <div class="homepageWrap">
              <h1 class="title">搜索教程、模板、社区问答等</h1>
              <div class="search-wrapper">
                <form action="/search_news" class="input-group search-form header-search-form-comment" method="get" role="search" target="_blank">
                  <input autocomplete="off" autofocus="autofocus" class="form-control search-control header-search-control-comment" name="q" placeholder="输入问题关键词，如：巡检、动态档案" type="search"/>
                  <input name="priority" type="hidden" value="wordpress"/>
                  <input name="tab" type="hidden" value="help"/>
                  <div class="clear-search">
                    <i class="clifont anticon-close-circle"></i>
                  </div>
                </form>
                <button class="btn header-submit-btn-comment" type="submit">
                  <i class="clifont anticon-nav_search"></i>
                </button>
              </div>

              <div class="link-group">
                <div class="row">
                  <a class="link" href="help/91616.html" target="_blank">
                    <img alt="平台介绍icon" src="../../assets/images/f43367e519be.png"/>
                    <h3 class="link-title">平台介绍</h3>
                    <div class="link-desc">3分钟了解草料能做什么</div>
                  </a>
                  <a class="link" href="help/67827.html" target="_blank">
                    <img alt="快速入门icon" src="../../assets/images/353ea7b1d4bd.png"/>
                    <h3 class="link-title">快速入门</h3>
                    <div class="link-desc">如何使用草料搭建二维码系统</div>
                  </a>
                  <a class="link" href="../template.html" target="_blank">
                    <img alt="模板库icon" src="../../assets/images/1dcae4bee3ca.png"/>
                    <h3 class="link-title">模板库</h3>
                    <div class="link-desc">免费模板可快速复用，按需修改</div>
                  </a>
                </div>
              </div>
            </div>

            <div id="faq">
              <h2 class="sub-header">常见问题</h2>
              <div class="faq-main">
                <div class="row">
                  <div class="faq-group">
                    <h3 class="faq-title">热门问题</h3>
                    <div class="list">
                      <a class="faq-link" href="help/48192.html" target="_blank">如何去除草料标识和水印</a>
                      <a class="faq-link" href="help/73147.html" target="_blank">免费版有哪些功能</a>
                      <a class="faq-link" href="help/50257.html" target="_blank">二维码会过期吗</a>
                      <a class="faq-link" href="help/48187.html" target="_blank">活码和静态码的区别</a>
                      <a class="faq-link" href="help/48216.html" target="_blank">免费版和付费版的区别</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/48446.html" target="_blank">查看更多</a>
                    </div>
                  </div>

                  <div class="faq-group">
                    <h3 class="faq-title">建码和管理</h3>
                    <div class="list">
                      <a class="faq-link" href="help/56436.html" target="_blank">如何创建活码</a>
                      <a class="faq-link" href="help/48229.html" target="_blank">二维码内容如何修改</a>
                      <a class="faq-link" href="help/48435.html" target="_blank">如何美化二维码</a>
                      <a class="faq-link" href="help/68688.html" target="_blank">已生成的二维码如何管理</a>
                      <a class="faq-link" href="help/52262.html" target="_blank">如何进行二维码设置</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/84223.html" target="_blank">查看更多</a>
                    </div>
                  </div>

                  <div class="faq-group">
                    <h3 class="faq-title">批量生码</h3>
                    <div class="list">
                      <a class="faq-link" href="#batchLabelSpread?from=cliim-style-tpl-detail&fromKey=online&from_case_type=1&isFromCreateAI=false&label_tplid=2504&paintMaterialId=3&styleSizeId=77&style_tplid=623&tab=Online&fromBatchCreateAbTest=test3" target="_blank">批量生成静态文本码或网址码</a>
                      <a class="faq-link" href="help/60214.html" target="_blank">批量生成活码</a>
                      <a class="faq-link" href="help/48204.html" target="_blank">批量修改已经生成的二维码</a>
                      <a class="faq-link" href="help/63251.html" target="_blank">二维码标签批量排版和下载</a>
                      <a class="faq-link" href="help/83546.html" target="_blank">图片和文件能否批量生成二维码</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/70663.html" target="_blank">查看更多</a>
                    </div>
                  </div>
                </div>

                <div class="row">
                  <div class="faq-group">
                    <h3 class="faq-title">动态数据</h3>
                    <div class="list">
                      <a class="faq-link" href="help/68330.html" target="_blank">什么是动态数据</a>
                      <a class="faq-link" href="help/67174.html" target="_blank">什么是表单功能</a>
                      <a class="faq-link" href="help/51912.html" target="_blank">如何设置故障消息提醒</a>
                      <a class="faq-link" href="help/49068.html" target="_blank">如何查看和导出动态数据</a>
                      <a class="faq-link" href="help/53134.html" target="_blank">怎么规避员工假检</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/68330.html" target="_blank">查看更多</a>
                    </div>
                  </div>

                  <div class="faq-group">
                    <h3 class="faq-title">排版打印</h3>
                    <div class="list">
                      <a class="faq-link" href="help/51068.html" target="_blank">二维码排版和打印</a>
                      <a class="faq-link" href="help/54402.html" target="_blank">草料是否提供印刷服务</a>
                      <a class="faq-link" href="help/63251.html" target="_blank">二维码标签如何制作</a>
                      <a class="faq-link" href="help/51275.html" target="_blank">如何用A4打印机打印</a>
                      <a class="faq-link" href="help/51114.html" target="_blank">如何用标签打印机打印</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/91498.html" target="_blank">查看更多</a>
                    </div>
                  </div>

                  <div class="faq-group">
                    <h3 class="faq-title">购买问题</h3>
                    <div class="list">
                      <a class="faq-link" href="help/48219.html" target="_blank">如何申请发票</a>
                      <a class="faq-link" href="help/48223.html" target="_blank">如何申请合同</a>
                      <a class="faq-link" href="help/58732.html" target="_blank">对公转账流程</a>
                      <a class="faq-link" href="help/67108.html" target="_blank">如何选购付费版本</a>
                      <a class="faq-link" href="help/52606.html" target="_blank">付费版本到期后的影响</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/83999.html" target="_blank">查看更多</a>
                    </div>
                  </div>
                </div>

                <div class="row">
                  <div class="faq-group">
                    <h3 class="faq-title">成员管理</h3>
                    <div class="list">
                      <a class="faq-link" href="help/68920.html" target="_blank">高级成员和普通成员的区别</a>
                      <a class="faq-link" href="help/80288.html" target="_blank">如何添加高级成员</a>
                      <a class="faq-link" href="help/79101.html" target="_blank">普通成员能做什么</a>
                      <a class="faq-link" href="help/79303.html" target="_blank">负责人能做什么</a>
                      <a class="faq-link" href="help/70395.html" target="_blank">什么是身份组</a>
                    </div>
                    <div class="view-more">
                      <a class="cliLink" href="help/85175.html" target="_blank">查看更多</a>
                    </div>
                  </div>

                  <div class="faq-group">
                    <h3 class="faq-title">账号问题</h3>
                    <div class="list">
                      <a class="faq-link" href="help/68811.html" target="_blank">如何查看账号信息</a>
                      <a class="faq-link" href="help/48185.html" target="_blank">如何更换账号管理员</a>
                      <a class="faq-link" href="help/52307.html" target="_blank">如何找回账号密码</a>
                      <a class="faq-link" href="help/34557.html" target="_blank">企业认证有什么作用</a>
                      <a class="faq-link" href="help/48194.html" target="_blank">误删二维码如何找回</a>
                    </div>
                    <div class="view-more"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="case-detail-side-container affix">
          <div class="case-detail-side-nav">
            <ul class="wikiOutlineContainer"></ul>
          </div>
        </div>
      </div>
    </div>

    <div class="phone-widget-box-mask"></div>
  </div>
</template>

<script>
export default {
  name: 'HelpCenter',
  data() {
    return {
      // 组件数据
    }
  },
  mounted() {
    // 先加载jQuery，然后初始化侧栏功能
    this.loadJQuery().then(() => {
      this.initSidebarFunctionality();
    });
  },
  methods: {
    loadJQuery() {
      return new Promise((resolve) => {
        // 检查jQuery是否已经加载
        if (window.$ && window.jQuery) {
          this.loadBootstrap().then(resolve);
          return;
        }

        // 加载jQuery
        const script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js';
        script.onload = () => {
          console.log('jQuery loaded successfully');
          this.loadBootstrap().then(resolve);
        };
        script.onerror = () => {
          console.error('Failed to load jQuery');
          resolve(); // 即使失败也继续执行
        };
        document.head.appendChild(script);
      });
    },

    loadBootstrap() {
      return new Promise((resolve) => {
        // 检查Bootstrap collapse是否可用
        if (window.$ && window.$.fn && window.$.fn.collapse) {
          resolve();
          return;
        }

        // 加载Bootstrap JS (只需要collapse功能)
        const script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js';
        script.onload = () => {
          console.log('Bootstrap loaded successfully');
          resolve();
        };
        script.onerror = () => {
          console.error('Failed to load Bootstrap, implementing fallback collapse');
          // 实现简单的collapse替代
          this.implementCollapsePolyfill();
          resolve();
        };
        document.head.appendChild(script);
      });
    },

    implementCollapsePolyfill() {
      // 简单的collapse功能替代实现
      if (window.$ && !window.$.fn.collapse) {
        window.$.fn.collapse = function(action) {
          return this.each(function() {
            const $el = $(this);
            if (action === 'show') {
              $el.addClass('in').css('height', 'auto').show();
            } else if (action === 'hide') {
              $el.removeClass('in').css('height', '0').hide();
            } else {
              // toggle
              if ($el.hasClass('in')) {
                $el.removeClass('in').css('height', '0').hide();
              } else {
                $el.addClass('in').css('height', 'auto').show();
              }
            }
          });
        };
      }
    },

    initSidebarFunctionality() {
      $(document).ready(() => {
        // 初始化侧栏控制功能
        this.initCategoryControl();
        // 初始化展开状态
        this.initExpandedStates();
      });
    },

    initExpandedStates() {
      // 默认展开某些顶级分类（根据原HTML状态）
      $('.category-item.category[data-lv="0"]').each(function() {
        const $this = $(this);
        const $nextUl = $this.next('ul.collapse');
        if ($nextUl.length) {
          // 默认收起状态，但保留展开功能
          $nextUl.removeClass('in').css('height', '0').hide();
        }
      });
    },

    initCategoryControl() {
      const self = this;

      // 收起/展开侧栏按钮
      $('.toggle-button').click(function () {
        var $this = $(this);
        var $docSide = $('.doc-side-new');
        $this.toggleClass('open');
        $docSide.toggleClass('collapse');
        $this.toggleClass('opened');
      });

      // 收起目录按钮
      $('.close-button').click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        const wWidth = window.innerWidth;
        if (wWidth <= 1064 && $('.backdrop').length) {
          $('.backdrop').trigger('click');
          return;
        }

        var $docSide = $('.doc-side-new');
        $docSide.toggleClass('collapse');
        $('.toggle-button').toggleClass('open');
        setTimeout(function () {
          $('.toggle-button').toggleClass('opened');
        }, 150);
      });

      // 分类项点击处理
      $(document).on('click', '.category-item', function (e) {
        e.preventDefault();
        e.stopPropagation();
        var $this = $(this);
        var href = $this.attr('href');

        if (href) {
          // 如果有链接，处理页面跳转逻辑
          console.log('Navigate to:', href);
        } else {
          // 如果没有链接，切换子菜单展开/收起
          console.log('Toggling menu for:', $this.text().trim());
          self.toggleMenu($this);
        }
      });

      // 头部菜单点击（移动端）
      $(document).on('click', '#_menu-dropdown-name', function () {
        $('.left-container').css({ width: 'auto' });
        $('.doc-side-new').css({ opacity: 1 }).addClass('fixed').removeClass('collapse');
        $('.wrapper-container').addClass('backdrop');
        $('.toggle-button').removeClass('open').removeClass('opened');
        document.body.style.overflow = 'hidden';
      });

      // 监听 backdrop 的点击事件
      $(document).on('click', '.backdrop', function (event) {
        if ($(event.target).is('.backdrop')) {
          $(this).removeClass('backdrop');
          $('.left-container').css({ width: 0, opacity: 0 }).animate({ opacity: 1 }, 1000, function() {
            $(this).css('opacity', '');
          });
          $('.doc-side-new').css({ opacity: 0 }).addClass('collapse');
          setTimeout(function () {
            $('.doc-side-new').removeClass('fixed');
          }, 500);
          document.body.style.overflow = 'auto';
        }
      });
    },

    toggleMenu($menu, forceShow) {
      const $nextUl = $menu.next('ul.collapse');

      if (!$nextUl.length) {
        console.log('No submenu found for:', $menu.text().trim());
        return;
      }

      console.log('Found submenu, current state:', $nextUl.hasClass('in') ? 'expanded' : 'collapsed');

      if (forceShow === true) {
        this.showMenu($menu, $nextUl);
        return;
      }
      if (forceShow === false) {
        this.hideMenu($menu, $nextUl);
        return;
      }

      // Toggle behavior
      if ($nextUl.hasClass('in')) {
        this.hideMenu($menu, $nextUl);
      } else {
        this.showMenu($menu, $nextUl);
      }
    },

    showMenu($menu, $nextUl) {
      $menu.addClass('active');

      // 获取内容的实际高度
      $nextUl.css({
        'height': 'auto',
        'opacity': '0',
        'display': 'block'
      });

      const actualHeight = $nextUl[0].scrollHeight;

      // 设置初始状态
      $nextUl.css({
        'height': '0px',
        'opacity': '0',
        'overflow': 'hidden',
        'transition': 'all 0.35s ease'
      });

      // 强制重排
      $nextUl[0].offsetHeight;

      // 执行动画
      $nextUl.addClass('in').css({
        'height': actualHeight + 'px',
        'opacity': '1'
      });

      // 动画完成后清理样式
      setTimeout(() => {
        $nextUl.css({
          'height': 'auto',
          'transition': '',
          'overflow': ''
        });
      }, 350);

      console.log('Menu expanded:', $menu.text().trim());
    },

    hideMenu($menu, $nextUl) {
      $menu.removeClass('active');

      // 设置当前高度
      const currentHeight = $nextUl[0].scrollHeight;
      $nextUl.css({
        'height': currentHeight + 'px',
        'opacity': '1',
        'overflow': 'hidden',
        'transition': 'all 0.35s ease'
      });

      // 强制重排
      $nextUl[0].offsetHeight;

      // 执行动画
      $nextUl.removeClass('in').css({
        'height': '0px',
        'opacity': '0'
      });

      // 动画完成后隐藏元素
      setTimeout(() => {
        $nextUl.css({
          'display': 'none',
          'transition': '',
          'overflow': '',
          'height': '',
          'opacity': ''
        });
      }, 350);

      console.log('Menu collapsed:', $menu.text().trim());
    }
  }
}
</script>

<style src="../../assets/css/6a5ba27d375f.css" scoped/>
<style src="../../assets/css/c26e1f8d7310.css" scoped/>
<style src="../../assets/css/00fa621fd445.css" scoped/>
<style src="../../assets/css/99bb41762999.css" scoped/>
<style src="../../assets/css/27035b450ade.css" scoped/>
<style src="../../assets/css/474a940bea3a.css" scoped/>
<style src="../../assets/css/a5a0dffeadff.css" scoped/>
<style src="../../assets/css/8237a7d28e6a.css" scoped/>
<style src="../../assets/css/719a50ae71eb.css" scoped/>
<style src="../../assets/css/edffaeb78e0b.css" scoped/>
<style src="../../assets/css/b3015c03f18d.css" scoped/>
<style src="../../assets/css/a88287f63e56.css" scoped/>
<style src="../../assets/css/e335e95c4313.css" scoped/>
<style src="../../assets/css/5d2e14c31a24.css" scoped/>
<style src="../../assets/css/8d629f5a0fe6.css" scoped/>
<style src="../../assets/css/383f1e5e62df.css" scoped/>
<style src="../../assets/css/6fbe75da2513.css" scoped/>
<style src="../../assets/css/dd49ac96ff3b.css" scoped/>
<style src="../../assets/css/f6d6073f1386.css" scoped/>
<style src="../../assets/css/5fd66d82cf52.css" scoped/>
<style src="../../assets/css/52f4b4a7ee30.css" scoped/>
<style src="../../assets/css/page-help-embedded-styles.css" scoped/>
